<template>
	<view>
		<button-comp type="primary" className="mg10">Primary Button</button-comp>
		<button-comp type="primary" className="mg10" :plain="true">Primary Button</button-comp>
		<button-comp type="primary" className="mg10" :loading="true">Loading Button</button-comp>
		<button-comp type="default" className="mg10">Default Button</button-comp>
		<button-comp type="text" className="mg10">Text Button</button-comp>
		<button-comp type="warn" className="mg10">Warn Button</button-comp>
		<button-comp type="primary" className="mg10" size="mini">Primary Button</button-comp>
		<button-comp type="primary" className="mg10" :disabled="true">Disabled Button</button-comp>
		<button-comp type="primary" className="mg10" :fillet="true">圆角 Button</button-comp>
		<button-comp type="default" className="mg10" :fillet="true" :needBorder="true">圆角 Button</button-comp>
		<button-comp  className="mg10" :fillet="true" :needBorder="true">圆角 Button</button-comp>
		<button-comp  className="mg10" size="mini" :fillet="true" :needBorder="true">圆角 Button</button-comp>
	</view>
</template>

<script>
    export default {
        data(){
        	return {

			}
		}
    }
</script>

<style scoped>

</style>
